@bg-color: #2e477e;
@border-color: #40589B;
//@box-bg-color: #293D76;
//@bg-dark: #2e477e;
@select-color: #1a2e5f;
body {
  overflow: hidden;
}

.modal {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  //与弹窗颜色一样
  //background-color: #293d76;
  padding: 20px 24px;

  .top {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    z-index: 100000;
    .title{
      margin: 0;
      flex: 1;
      color: rgba(255, 255, 255, 0.85);
      font-weight: 600;
      font-size: 16px;
      line-height: 1.5;
      word-wrap: break-word;
      height: 24px;
    }
    .closeBtn{
      position: absolute;
      top: 17px;
      inset-inline-end: 17px;
      z-index: 1010;
      padding: 0;
      color: rgba(255, 255, 255, 0.45);
      font-weight: 600;
      line-height: 1;
      text-decoration: none;
      background: transparent;
      border-radius: 4px;
      width: 22px;
      height: 22px;
      border: 0;
      outline: 0;
      cursor: pointer;
      transition: color 0.2s,background-color 0.2s;
    }

  }

  .content {
    flex: 1 1 auto;
    width: 100%;
    overflow: auto;
  }
}
.ant-modal-content{
  background-color: red;
}
.flex {
  display: flex;
  flex-direction: row;

  &-row {
    display: flex;
    flex-direction: row;
  }

  &-col {
    display: flex;
    flex-direction: column;
  }
}
